<template>
  <div class="content-wrapper">
    <!-- <div class="content-header">系统设置</div> -->
    <div class="content-container">
<!--      <el-collapse v-model="dataList">-->
<!--        <el-collapse-item v-for="(item, index) in dataList" :key="index" :title="item.label" :name="index + 1">-->
<!--          <el-row>-->
<!--            <el-col v-for="(item1, index1) in item.children" :key="index1" :span="24">-->
<!--              {{item1.value}}-->
<!--              {{item1.label}}-->
<!--            </el-col>-->
<!--          </el-row>-->
<!--        </el-collapse-item>-->
<!--      </el-collapse>-->
      <el-table
        :data="dataList"
        style="width: 100%;margin-bottom: 20px;"
        row-key="label"
        :tree-props="{children: 'children'}">
        <el-table-column
          prop="label"
          label="分组">
        </el-table-column>
        <el-table-column
          prop="value"
          label="值">
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>

import { listDictGroupItemAll } from "@/api/base/dict"
export default {
  data() {
    return {
      dataList: []
    }
  },
  mounted() {
    this.getDictList()
  },
  methods:{
    getDictList(){
      listDictGroupItemAll({type: 0}).then(res => {
        this.dataList = res.data
      })
    }
  }
}

</script>
